@import '@/common/style/meetingcenter.scss';
.m-sidebar{
    background: #fff;
    z-index: 2;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    .sidebarPannel{
        height: 100%;
        overflow: auto;
        .content_pannel{
            width: 8rem;
            background: #f5f5f5;
            padding-bottom: $footer-height;
            .m-datepicker{
                padding: 0 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                button{
                    background: #fff;
                }
                span{
                    transform: scaleX(8);
                }
            }
        }
        .input_date-meeting,
        .input_date-deadline{
            width: 100%;
            overflow: hidden;
            border-bottom: 1px solid #aaa;
            header{
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px .3rem;
                font-size: 32px;
                color: #aaa;
                h3{
                    font-size: 32px;
                }
                .drop-down{
                    transform: rotate(180deg);
                    transition-duration: .5s;
                }
            }
            .m-datepicker{
                padding: 0 22px;
            }
            ul{
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0 22px 20px 22px;
                flex-wrap: wrap;
                .u-btn-defalut{
                    background: #fff;
                    label{
                        display: inline-block;
                        width: 100%;
                        padding: 20px 0;
                    }
                    &.active{
                        background: #87b1d5;
                        color: #fff;
                    }
                }
            }
        }

        .footer{
            height: $footer-height;
            background: rgb(255, 255, 255);
            width: 600px;
            box-sizing: border-box;
            position: fixed;
            bottom: 0;
            right: 0;
            text-align: right;
            font-size: .5rem;
            padding-right: 20px;
            button{
                margin-top: 40px;
                padding: 0;
                font-size: 24px;
                width: 25%;
                height: 60px;
            }
        }
    }
}



